<template>
  <div>
    <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="800px">
      <sprite v-for="(pos, index) in panelPos" :key="index" :x="pos.x" :y="pos.y" :text="pos.text"></sprite>
    </svg>
  </div>
</template>

<script lang="ts">
import { Component, Prop, Vue } from 'vue-property-decorator'
import sprite from './sprite.vue'
@Component({
  components: { sprite }
})
export default class extends Vue {
  panelPos: any = {
    1: { x: 100, y: 30, text: '储位拣货任务' },
    2: { x: 400, y: 30, text: '投线任务' },
    3: { x: 700, y: 30, text: '总拣任务' },
    4: { x: 100, y: 330, text: '复核任务' },
    5: { x: 400, y: 330, text: '缺货' },
    6: { x: 100, y: 630, text: '司机核货' },
    7: { x: 400, y: 630, text: '差异中心' }
  };
}
</script>

<style scoped lang="scss">

</style>
